<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="X-UA-Compatible" content="edge"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>八里沟云生态平台</title>
<meta name="keywords" content="">
<meta name="description" content="">
<script src="lib/jquery.min.js"></script>
<script src="lib/lodash.min.js"></script>
<script src="lib/echarts.min.js"></script>
<script src="lib/soda.js"></script>
    <script src="js/comon.js"></script>
<link rel="stylesheet" type="text/css" href="css/common.css">
<link rel="stylesheet" type="text/css" href="css/main.css">
    <script type="text/javascript"
            src="http://api.map.baidu.com/api?v=2.0&ak=DvG5p5CZvkrtjRGDdGmaGX3ZfqYWvt9X"></script>
 
</head>
<body>
<div class="pagemain page4">
    <div class="center-main">
        <div class="page-top-tab-nav">
            <ul>
                <ul>
                    <li ><a href="keliu-reli.html">景区热力图</a></li>
                    <li><a href="keliu-yuce.html">客流预测分析</a></li>
                    <li><a href="keliu-jiedai.html">客流接待同比</a></li>
                    <li class="current"><a href="keliu-cheliu.html">车流&购票时段分析</a></li>
                </ul>
            </ul>
        </div>

    <div class="row">
        <div class="car">
            <div class="time-filter">
                <div class="name">时间区间：</div>
                <div class="inp"><input type="text" id="date1" autocomplete="off" readonly></div>
                <div class="to">至</div>
                <div class="inp"><input type="text" id="date2" autocomplete="off" readonly></div>
                <div class="btn" id="search1">查询</div>
            </div>
            <div class="chartcon" id="carDiv">

            </div>
        </div>
        <div class="area">
            <div class="con">
                <ul id="carTime"> <li>
                    <i></i> <span>2019-11-02星期六车流量最多，2019-11-11星期一车流量最少</span>
                </li><li>
                    <i></i> <span>非周末09点车最少，非周末12点车最多</span>
                </li><li>
                    <i></i> <span>周末08点车最少，13点人最多；</span>
                </li><li>
                    <i></i> <span>非周末10点车流量开始大幅增加，17点开始大量减少</span>
                </li><li>
                    <i></i> <span>周末10点车流量开始大幅增加，18点开始大量减少；</span>
                </li></ul>
            </div>
        </div>
    </div>
        <div class="row">
            <div class="tic">
                <div class="time-filter">
                    <div class="name">时间区间：</div>
                    <div class="inp"><input type="text" id="date3" autocomplete="off" readonly></div>
                    <div class="to">至</div>
                    <div class="inp"><input type="text" id="date4" autocomplete="off" readonly></div>
                    <div class="btn" id="search2">查询</div>
                </div>
                <div class="chartcon" id="ticDiv">

                </div>
            </div>
            <div class="ticlist">
                <div class="con">
                    <ul id="ticTime"> <li>
                        <i></i> <span>2019-11-02星期六购票量最多，2019-11-04星期一购票量最少</span>
                    </li><li>
                        <i></i> <span>非周末15点购票量最少，非周末10点购票量最多</span>
                    </li><li>
                        <i></i> <span>周末17点购票量最少，周末09点购票量最多</span>
                    </li><li>
                        <i></i> <span>非周末09点购票量开始增加，非周末16点购票量最多</span>
                    </li><li>
                        <i></i> <span>周末08点购票量开始增加，周末15点购票量开始减少</span>
                    </li><li>
                        <i></i> <span>节假日08点购票量开始增加，节假日18点购票量开始减少</span>
                    </li></ul>
                </div>
            </div>
        </div>

    </div>
</div>

<script src="lib/dyw.min.js"></script>
<script src="js/keliu_cheliu.js"></script>
<script src="lib/laydate/laydate.js"></script>


<script>
    $(function () {
        var date1 = {
            elem: '#date1',
            format: 'yyyy-MM-dd',
            max: 0,
            min: "2019-09-15 00:00:00",
            choose: function (datas) {
                ticend.min = datas; //开始日选好后，重置结束日的最小日期
            }
        };
        var date2 = {
            elem: '#date2',
            format: 'yyyy-MM-dd',
            max: 0,
            min: "2019-09-15 00:00:00",
            choose: function (datas) {
                ticstart.max = datas; //结束日选好后，重置开始日的最大日期
            }
        };
        laydate.render(date1)
        laydate.render(date2)
        var date3 = {
            elem: '#date3',
            format: 'yyyy-MM-dd',
            max: 0,
            min: "2019-09-15 00:00:00",
            choose: function (datas) {
                ticend.min = datas; //开始日选好后，重置结束日的最小日期
            }
        };
        var date4 = {
            elem: '#date4',
            format: 'yyyy-MM-dd',
            max: 0,
            min: "2019-09-15 00:00:00",
            choose: function (datas) {
                ticstart.max = datas; //结束日选好后，重置开始日的最大日期
            }
        };
        laydate.render(date3)
        laydate.render(date4)
    })
</script>


</body>
</html>
